.graph-robustness {
    height: 100%;
    width: 100%;
    // background-color: #ff0000;
    // margin: 12px 12px;
    // padding: -24px -24px;
    // margin-left: 8px;
    // margin-top: 10px;
}


// 标题样式
.graph-title {
    position: absolute;
    background: url('../../assets/img/page_title.png');
    background-size: 100% 100%;
    padding: 10px 40px;
    top: 96px;
    left: 52%;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
}


// 搜索框样式
.graph-robustness-search {
    position: absolute;
    height: 50px;
    top: 96px;
    left: 224px;
    background-color: none;
}


// 图例样式
.graph-legend {
    position: absolute;
    bottom: 28px;
    right: 32px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    .legend-title {
        font-size: large;
        font-weight: bold;
    }
    
    .legend-subtitle {
        font-size: larger;
        font-weight: bold;
    }
    
    .legend-icon {
        width: auto;
        height: auto;
        max-width: 26px;
        max-height: 26px;
    }
    
    .legend-label {
        margin-left: 10px;
        font-size: medium;
        font-weight: bolder;
        color: #ffffff;
    }
}


// 右键菜单样式
.contextmenu {
    width: 200px;
    border: 1px solid #999999;
    box-shadow: 3px 3px 3px #cccccc;
    background-color: #ffffff;
    position: absolute;
    top: 10px;
    left: 10px;
    display: none;

    ul {
        list-style: none;
        padding-inline-start: 0px;
        margin: 0 auto;

        li {
            height: 40px;
            line-height: 40px;
            border-bottom: 1px solid #cccccc;
    
            span {
                display: block;
                padding: 0 30px;
            }
            span:hover {
                background-color: #cccccc;
                font-weight: bold;
                color: #ffffff;
            }
        }
    }
}